<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片</title>
</head>
<body>
    <h1>图片</h1>
    <!-- 相对路径 -->
   <a href="https://www.baidu.com">
    <img src="images/mao01.jpg" title="这是一只猫" alt=""/>
   </a>

    <!-- 绝对路径：从根路径开始，windows系统中默认从盘符开始。linux或者Mac系统，根路径就是从 / -->
    <img src="D:\worksapce\WEBFRONT_WORKSPACE\cxb20-webfront\html-01\images\mao01.jpg" alt="">

    <img src="images/xxx.jpg" alt="图片不存在">

    <img src="https://s1.ax1x.com/2020/11/05/BRZKyt.jpg" alt="">
</body>
</html>